@headerBg:#3598db;
@btnColor:#4794c8;
@fontColorTwo:#666666;/* 二级颜色（灰色） */
ul{list-style: none}
.fontAndColor(@font:0.6rem,@color:#000){
  font-size: @font;
  color: @color;
}
.btn{
  padding:0.2rem 0.5rem;
  background: @btnColor;
  border:0;
  .fontAndColor(0.65rem,#fff);
}
.btn-two{
  padding:0.3rem 0.75rem;
}
.inventory{
  height: auto;
  line-height:1.95rem;
  .fontAndColor(0.6rem,@fontColorTwo);
}
.notice{
  .fontAndColor();
}
.notice-tit{
  .fontAndColor(0.8rem,#000);
}
.handle-box{
  margin-top:1rem;
  .handle-link{
    span{
      display: block;
      width: 100%;
      padding:0.1rem 0;

      margin-bottom: 0.723rem;
      text-indent: 0.3rem;
      .fontAndColor(0.7rem,#000);
    }
    a{
      display: block;
      width: 100%;
      height: 4.5rem;
      -webkit-border-radius: 0.1rem;
      -moz-border-radius: 0.1rem;
      border-radius: 0.2rem;
      position: relative;
      img{
        display: block;
        position: absolute;
        left:50%;
        top:50%;
        margin: -25px 0 0 -25px;
      }
    }
  }

  .recharge-color{
    span{
      border-left:0.1rem #a0dd89 solid;
    }
    a{
      background: #a0dd89;
    }
  }
  .market-color{
    span{
      border-left:0.1rem #3a5286 solid;
    }
    a{
      background: #3a5286;
    }
  }
  .agency-color{
    span{
      border-left:0.1rem #f07273 solid;
    }
    a{
      background: #f07273;
    }
  }
  .userinfo-color{
    span{
      border-left:0.1rem #22c29b solid;
    }
    a{
      background: #22c29b;
    }
  }
}
/*  ==============充值=============== */
.select-box{
  margin-top:0.8rem;
  text-align: center;
  .list-box{
    width: 100%;
    height: auto;
    border:0.025rem #a8a5a5 solid;
    border-radius: 0.15rem;
    margin-top:0.5rem;
    padding-bottom:0.3rem;
    .icon{
      display: block;
      margin: 0.2rem auto;
    }
    .number{
      .fontAndColor(0.6rem,@fontColorTwo);
      margin: 0;
      padding-bottom:0.2rem;
    }
    .price{
      .fontAndColor(0.6rem,#f42323);
      margin: 0;
      padding-bottom:0.2rem;
    }
  }
}
.select-box>div{
  padding:0;
  padding-left:0.5rem;
}
.select-box>div:nth-child(3n+1){
  padding-left:15px;
}
/*  ==============充值记录=============== */
.log-date{
  padding-top:0.5rem;
  label{
    font-size: 0.65rem;
  }
  input[type=text]{
    height:1.5rem;
    font-size: 0.45rem;
  }
  .form-group{
    margin-bottom:0.5rem;
  }
}
.log-content-box{
  .border-b{
    border-bottom:0.1px #eee solid;
  }
  .date{
    .fontAndColor(0.6rem,@fontColorTwo);
  }
  .info{
    .fontAndColor(0.6rem,#000);
  }
}
/*  ==============销售=============== */
.game-id-box {
  padding:1.2rem 0;
  border-bottom: 1px #eee solid;
  label{
    .fontAndColor(0.6rem,@fontColorTwo);
  }
  .query-game-id{
    display: inline-block;
    width:8.5rem;
    height: 1.5rem;
    .fontAndColor(0.6rem,@fontColorTwo);
  }
}
.game-player-info{
  h4{
    .fontAndColor(0.7rem,#000);
  }
  .info{
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    li{
      float: left;
      width: 50%;
      .fontAndColor(0.6rem,@fontColorTwo);
      padding:0.35rem 0;
    }
  }
}
.give-box{
  padding:0.4rem 0;
  label{
    .fontAndColor(0.6rem,@fontColorTwo);
  }
  .give-number{
    display: inline-block;
    width:7.2rem;
    height: 1.5rem;
    .fontAndColor(0.6rem,@fontColorTwo);
  }
}
/* ================弹出框================== */

.layer-box{
  min-height:6rem;
  border-radius: 0.3rem;
  display: none;
  .title{
    padding:0.6rem 0;
    border-bottom:1px #eee solid;
    .fontAndColor(0.7rem,#000);
  }
  .info{
    padding:0.6rem 1.2rem;
    .fontAndColor(0.55rem,#000);
  }
  form{
    .fontAndColor(0.55rem,#000);
  }

}
/*  ==============代理=============== */
.tab-box{
  h3{
    .fontAndColor(0.65rem,#000);
    font-weight:600;
  }
  .table{
    .fontAndColor(0.45rem,#000);
    .detail-btn{
      .fontAndColor(0.45rem,#fff);
    }
  }
}
/*  ==============代理详情/个人信息=============== */
.details-box{
  .fontAndColor(0.45rem,@fontColorTwo);
  h3{
    .fontAndColor(0.65rem,#000);
    font-weight:600;
  }
  .row{
    padding:0.3rem 0;
    border-bottom: 1px #eee solid;
  }
}
